<x-app>
    <x-slot:title>Трудоустройство</x-slot:title>

    <section class="max-w-screen-xl mx-auto px-2 ">
        <h2 class=" text-3xl md:text-4xl mb-4 font-semibold">Мы сотрудничаем</h2>
        <div class="grid md:grid-cols-3 sm:grid-cols-2 grid-cols-1 items-center justify-center gap-6">
            <div class="p-6">
                <img class="w-full h-full" src="https://static.tildacdn.com/tild6562-6432-4637-a334-636632373739/RN.png"
                    alt="РОСНЕФТЬ">
            </div>
            <div class="p-6">
                <img class="w-full h-full" src="https://ркэ.рф/static/imgs/%D1%81%D0%BC%D0%B8%D0%BA%D0%BE%D0%BC.png"
                    alt="СМИКОМ">
            </div>
            <div class="p-6">
                <img class="w-full h-full"
                    src="https://upload.wikimedia.org/wikipedia/commons/4/4f/%D0%A2%D1%8F%D0%B6%D0%BF%D1%80%D0%B5%D1%81c%D0%BC%D0%B0%D1%88.jpg"
                    alt="ТЯЖПРЕССМАШ">
            </div>
            <div class="p-6">
                <img class="w-full h-full bg-black" src="{{ Vite::asset('resources/img/keller.png') }}" alt="КеллерРУС">
            </div>
            <div class="p-6">
                <img src="https://ums-media.ru/wp-content/uploads/2021/04/TOCHINVEST.png" alt="ТОЧИНВЕСТ">
            </div>
            <div class="p-6
            ">
                <img class="w-full h-full" src="https://pulsarm.ru/local/templates/adaptive/images/new-logo.png"
                    alt="ТЕПЛОВОДОХРАН">
            </div>
            <div class="p-6">
                <img class="w-full h-full" src="{{ Vite::asset('resources/img/cemros.webp') }}">
            </div>
        </div>
    </section>
    <section class="max-w-screen-xl mx-auto px-2 ">
        <h2 class="text-3xl md:text-4xl mb-4 font-bold">Вакансии</h2>
        <p>Скоро здесь появяться вакансии</p>
    </section>
</x-app>
